<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" >
    <title>Title</title>
  <link rel="stylesheet" href="/static/css/index.css">

</head>
<body>
<div class="header" >
  <h1>在线点餐系统</h1>
</div>
<div class="topnav" >
  <div style="width: 100px;height: auto; padding:20px ">
    <div id="USER">
      <div   th:if="${session.USER}" th:object="${session.USER}">
        用户名：<span id="Uname" th:text="*{uname}"></span><br>
        账户： <span id="account" th:text="*{account}"></span>元<br>
        <button id="add">充值</button>
      </div>
    </div>

</div>


  <div th:if="!${session.USER}">
    <a href="login.html">请登录</a>
    </br>
    <a href="submit.html">免费注册</a>
  </div>



  <div th:if="${session.USER}">
    <button id="toshop">
      成为商家
    </button>

      <button  id="logoutBtn">退出登录</button>

  </div>
</div>

<div  id="content" style="background-color:#EEEEEE;height:100%;width:1200px;position: relative;top: -100px;left:250px;  ">
  <span>店名： <h3 id="shopName" th:text="${shop.shopName}"></h3>
  商家： <h3 id="userName" th:text="${shop.userName}"></h3></span>
  <div id="searchInput">

  </div>
  <table id="show" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;">
  </table>

  <table id="NoPayBill" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;position: relative;    top: -212px;
    left: 597px; "></table>
  <table id="payBill" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;position:relative;    top: -186px;
    left: 597px;"></table>

</div>
<div>

</div>

<script src="/static/js/user.js" type="text/javascript"></script>
</body>
</html>